/*
design.css
----------		Par M@teo21

Cr?? le 10 Juin 2004


Description : feuille de style de la page d'index contenant la mise
en forme du site (menus, en-t?tes, pied de page...).

*/

body
{
	font-family: 'Trebuchet MS', Verdana, Tahoma, sans-serif;
	font-size:0.8em;
	margin:0;
	background:url('bg000000.png') repeat-x;
	background-color: #E8F0F4;
}

/* En-t?te */

#acces_rapide /* Liens rapides pour navigateurs non graphiques tels Lynx */
{
	text-indent: -50000px;
	font-size: 1px;
}

#banniere
{
	text-align:center;
	margin-top:5px;
}

/* Speedbarre */

#speedbarre
{
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 0;
	height: 25px;
	background-color: rgb(244, 249, 253);
	border: 1px solid rgb(158,160,161);
}

#speedbarre li
{
	height: 25px;
	line-height: 25px;
	text-align: center;
	padding-top: 0px;
	font-family:'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	font-size:0.9em;
}

.speeddroite
{
	float: right;
	background: url(delimite.png) no-repeat;
	padding-left: 20px;
	padding-right: 5px;
}
.speedgauche
{
	float: left;
	background: url(delimitf.png) no-repeat right;
	padding-left: 5px;
	padding-right: 15px;
}

#speedbarre a
{
	color: #555555;
	font-style: normal;
	text-decoration: none;
	font-weight:bold;
	width: auto;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	height: 25px;
}

#speedbarre a:hover
{
	color: #111111;
}

/* Menu */

#menu
{
	float: left;
	width: 13%;
	margin-left:0.5%;
	margin-right:0.5%;
	max-width: 168px;
}

#menu h5
{
	line-height: 20px;
	margin: 0;
	padding-top: 6px;
	padding-left:15px;
	padding-bottom:4px;
	vertical-align: bottom;
	color:#2C485C;
	background-color:#F4F9FD;
	background: url('haut_men.png') no-repeat;
	border-right:1px solid rgb(150,153,154);
}
#menu h5 img {margin-right:5px;}
#menu ul
{
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin-left: 5px;
}

#menu ul ul
{
	padding: 0;
	margin-left: 20px;	
}

#menu .corpsmenu 
{
	background-color:#F4F9FD;
	padding: 0;
	margin: 0px;
	margin-bottom:10px;
	border: 1px solid #848686;
}

#intro_menu_cours
{
	font-size: 0.9em;
	margin-left: 5px;
	margin-top: 2px;
}

.menu_cours_section
{
	font-size: 0.9em;
	color:#2C485C;
}

.menu_cours_fin
{
	margin-top: 0.9em;
}

#nbre_amis_connectes
{
	text-align:center;
}

#liste_amis
{
}

#menu_livredor, #menu_recherche, #menu_pub
{	
	width:100%;
	overflow:hidden;
}

#menu_livredor
{
	margin:4px;
}

#menu_recherche, #menu_pub
{
	text-align:center;
	padding-top:10px;
}

/* Publicités */

.skyscraper
{
	width: 120px;
	height: 600px;
}

.pave
{
	width: 300px;
	height: 250px;
}

.skyscraper, .pave
{
	border: 1px solid #2C485C;
	font-size: 12px;
	text-align: center;
	background: #F4F9FD url('pdz00000.png') bottom right no-repeat;
	margin: auto;
	display: table-cell;
	vertical-align: middle;
}

.skyscraper h6, .skyscraper h6 a, .pave h6, .pave h6 a
{
	color:#2C485C;
	text-decoration: underline;
	font-weight: bold;
	margin: 5px 2px;
	padding: 0;
	font-size: 15px;
	font-family: Arial;
}

.skyscraper .lien, .skyscraper .lien a, .pave .lien, .pave .lien a
{
	font-size: 10px;
	color: #008000;
	text-decoration: none;
}

.skyscraper .lien, .pave .lien
{
	margin: 7px 0;
}

.skyscraper p, .pave p
{
	padding: 0;
	margin: 0;
}

.skyscraper .annonce, .pave .annonce
{
	margin: 2px;
}

.skyscraper span, .pave span
{
	height: 30%;
	vertical-align: middle;
}

#champ_recherche
{
	margin-bottom:3px;
	width:90%;
	text-align:center;
}

/* Corps */

#corps
{
	width: 83%;
	background-color: #F4F9FD;
	border: 1px solid rgb(234,244,251);
	padding: 5px;
	padding-bottom:25px;
	overflow:hidden;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #848686;
}

html>body #corps
{
	overflow: visible;
}

#arbre
{
	font-family: 'Trebuchet MS', Verdana, Arial, "Times New Roman", Times, serif;
	font-size:0.85em;
}

h1 /* Tous les titres des pages du site (en haut) */
{
	text-align: center;
	margin-top:5px;
	margin-bottom:35px;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #2C485C;
}

h2 {clear: both; color: #5D90B5; text-indent: 20px;}

/* Apparence du calendrier et des listes rapides */

#enbref {margin: auto; width: 100%; margin-top: 1.5em; }

#calendar, #lastnews, #lasttutos, #minisdg
{
	background: #e3eff9 url('roundedc.png') no-repeat top left;
	padding: 2px 2px 5px;
	z-index: 100;
	border-right: 1px solid #CFE0EE;
	border-bottom: 1px solid #CFE0EE;
	margin-bottom: 20px;
}

#enbref h3, #minisdg h3
{
	text-indent: 0px;
	padding: 0px;
	margin: 0 4px;
	display: block;
	background: transparent;
	border: none;
	font-size: 1.1em;
	color: #384e6e;
	background: url('plus0000.png') center right no-repeat;
	text-align: left;
}

#enbref h3 a {
	text-decoration: none; 
	color: #384e6e; 
	display: block;
}
#enbref a:focus, #enbref h3 a:focus {background: transparent;}

#enbref h4 
{
	display: block;
	margin: 3px 0 2px;
	padding: 0 15px;
	color: #616e82;
	font-size: 0.9em;
	text-align: left;
}

#calendar {
	width: 21.6%; 
	float: left;
	text-align: center;
}

#lastnews {
	float: left; 
	margin-left: 1%; 
	margin-right: 0; 
	width: 25.7%;
}

#lasttutos {
	float: right; 
	margin-left: 0%; 
	margin-right: 1%; 
	width: 25.7%; 
}

#minisdg {
	width: 21.6%; 
	height: 100%; 
	float: right; 
	text-align: center; 
	color: #111; 
	overflow: auto;
}

#enbref #centerdivs {
	height: 100%; 
	float: left; 
	margin: 0; 
	background: transparent; 
	width: 62.5%;
}

#enbref div#lasttutos {
	overflow: auto; 
	height: 100%;
}

#enbref ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#enbref p {
	padding: 0; 
	margin: 0; 
	font-size: 0.9em;
}

#enbref li {
	margin: 2px;
	font-size: 0.9em; 
	text-align: left;
}

#lasttutos li, #lastnews li {
	border-top: 1px solid #CFE0EE;
}

#calendar table {
	text-align: center; 
	color: #5D90B5; 
	border-spacing: 1px; 
	font-size: 1.0em; 
	margin: auto;
}

#calendar table tbody a {
	display: block; 
	height: 100%; 
	padding: 1px 2px;
}

#calendar table tbody a:hover {
	background: #a3c3e0; 
	color: #f6f6f6; 
	text-decoration: none;
}

#calendar table tr, #calendar table td {padding: 0;}
#calendar table .sous_cat td {border: none; background: #cee3f4;}

#calendar .eventslist {
	border: 1px solid #60738b; 
	background-color: #f4f9fd; 
	z-index: 10; 
	padding: 2px;
}

#calendar .eventslist {
	position: absolute; 
	visibility: hidden; 
	width: 150px;
}

.eventslist ul, #enbref .eventslist li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

#big_calendar .eventslist {height: 85px;}

.event, #calendar table tbody .event a {
	background: #6f809a; 
	color: #fff;
}

#calendar table tbody .event a:hover {background: #8091ab;}

#today, #today a {
	font-weight: bold; 
	color: #60738b;
}

#today a {
	border: 1px solid #60738b; 
	padding: 0px;
}

.jour_nb {display: block; background: #6f809a; color: #fff;}

/* Pour les questions */
#minisdg ul {margin: 5px 0;}
#minisdg li {margin: 0 4px;}

/* Pour les réponses */
#minisdg dl {padding: 0; margin: 0; font-size: 0.9em; text-align: left; color: #111;}
#minisdg dt {font-weight: bold; margin: 2px 0 0 5px; padding: 0;}
#minisdg dd {margin: 0px; padding: 0;}


/* Pied de page */

#pied_de_page
{
	clear: both;
	background-color: #F4F9FD;
	border: 1px solid #848686;
	padding: 5px;
	margin: 0px 5px 8px;
	width:83%;
	max-width: 83%;
	float: right;
	text-align:center;
}

#stats_exec_page
{
	color:#444444;
	text-align:center;
	font-size:0.9em;
	margin: 0px;
	float: left;
}

#xiti-logo-noscript
{
	float: right;
}

#liens_partenaires
{
	color:#444444;
	font-size:0.8em;
}

/*       Extradivs

3 <div> vides suppl?mentaires sont mis a votre disposition si vous voulez afficher d'autres ?l?ments sur la page.
G?n?ralement, vous utiliserez des position:absolute ou encore position:fixed pour positionner une image ? un
endroit pr?cis de la page */

#extradiv1
{
}

#extradiv2
{
}

#extradiv3
{
}